// sidebar
$menuText:#FFF;
$menuActiveText:#D1CCFF;
$subMenuActiveText:#D1CCFF; //https://github.com/ElemeFE/element/issues/12951

$menuBg:#3D3B98;
$menuHover:linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);

$subMenuBg:#3D3B98;
$subMenuHover:linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);

$sideBarWidth: 210px;

$color_main: #605EE0;
$color_link: #9186F9;


// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
	menuText: $menuText;
	menuActiveText: $menuActiveText;
	subMenuActiveText: $subMenuActiveText;
	menuBg: $menuBg;
	menuHover: $menuHover;
	subMenuBg: $subMenuBg;
	subMenuHover: $subMenuHover;
	sideBarWidth: $sideBarWidth;
}